.frame
.frame { background-position: -0px -210px; width: 553px; height: 394px; }

#frame {
    background-image: url("../img/wordpad/W7/fondo.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
    background-size: contain;
    height: 394px;
    width: 553px
}

#title-bar {
    margin-left: 0px;
    margin-top: 0px;
    width: 17.5%;
    float: left;
    height: 9.1%;
}
    #undo-button {
        background-image: url("../img/wordpad/W7/undo_button.png");
        height: 25px;
        width: 26px;
        margin-left: 43px;
        margin-top: 4px;
        border-style: none;
    }

    #redo-button {
        background-image: url("../img/wordpad/W7/redo_button.png");
        height: 25px;
        width: 26px;
        margin-left: -4px;
        margin-top: -3px;
        border-style: none;
    }

#task-bar {
    background-image: url("../img/wordpad/W7/barra_de_tareas.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
    background-size: contain;
    height: 140px;
    width: 100%;
    display: inline-block;
    margin-left: 8px;
    margin-top: -1px;
}

    #clipboard-menu {
        margin-left: 0px;
        margin-top: 0px;
        width: 23.5%;
        float: left;
        height: 100%;
    }

    #paste-container{
        margin-left: 0px;
        margin-top: 0px;
        width: 39.4%;
        float: left;
        height: 100%;
    }

    #copy-cut-container{
        margin-left: 0px;
        margin-top: 0px;
        width: 60.4%;
        float: left;
        height: 100%;
    }

        #paste-button {
            background-image: url("../img/wordpad/W7/paste_button.png");
            height: 42px;
            width: 34px;
            margin-left: 13px;
            margin-top: 35px;
            border-style: none;
        }

        #cut-button {
            background-image: url("../img/wordpad/W7/cut_button.png");
            height: 24px;
            width: 69px;
            margin-left: 6px;
            margin-top: 35px;
            border-style: none;
        }

        #copy-button {
            background-image: url("../img/wordpad/W7/copy_button.png");
            height: 26px;
            width: 69px;
            margin-left: 5px;
            margin-top: 2px;
            border-style: none;
        }

    #font-menu {
        margin-left: 0px;
        margin-top: 0px;
        float: left;
        height: 100%;
        width: 47.5%;
    }

    #f-selector {
                height: 50%;
                width: 69%;
                margin-left: 0px;
                margin-top: 0px;
                border-style: none;
                float: left;
            }

#f-style {
    margin-left: 0px;
    margin-top: 0px;
    float: left;
    height: 50%;
    width: 36%;
}


#f-color {
    margin-left: 0px;
    margin-top: 0px;
    float: left;
    height: 50%;
    width: 62%;
}

        #bold-button {
            background-image: url("../img/wordpad/W7/bold_button.png");
            height: 24px;
            width: 25px;
            margin-left: 7px;
            margin-top: 11px;
            border-style: none;
        }

        #italic-button {
            background-image: url("../img/wordpad/W7/italic_button.png");
            height: 24px;
            width: 27px;
            margin-left: -3px;
            border-style: none;
        }

        #underline-button {
            background-image: url("../img/wordpad/W7/underline_button.png");
            height: 24px;
            width: 27px;
            margin-left: -3px;
            border-style: none;
        }

    #paragraph-menu {
        margin: 0px;
        float: left;
        display: inline-block;
        height: 100%;
        width: 20.5%;
    }

        #bottom-icons{
            margin-left: 0px;
            margin-top: 71px;
            width: 100%;
            float: left;
            height: 49%;
        }
            #justifyLeft-button {
                background-image: url("../img/wordpad/W7/left_button.png");
                height: 24px;
                width: 25px;
                margin-left: 1px;
                margin-top: 9px;
                border-style: none;
            }

            #justifyRight-button {
                background-image: url("../img/wordpad/W7/right_button.png");
                height: 24px;
                width: 27px;
                margin-left: -3px;
                border-style: none;
            }

            #justifyCenter-button {
                background-image: url("../img/wordpad/W7/center_button.png");
                height: 24px;
                width: 27px;
                margin-left: -3px;
                border-style: none;
            }

            #justifyFull-button {
                background-image: url("../img/wordpad/W7/justified_button.png");
                height: 24px;
                width: 25px;
                margin-left: -3px;
                border-style: none;
            }

#work-area {
    overflow: hidden;
    text-align: left;
    width: 97%;
    height: 55%;
    margin-left: 9px;
}